<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			td{
				text-align: center;
			}
			#导航栏{
				width: 100vw;
				height: 10vh;
				background-color: skyblue;
			}
			#导航栏 ul{
				list-style: none;
				padding: 0;
				margin: 0;
				background-color: azure;
				line-height: 30px;
				display: flex;
			}
			#导航栏 li{
				display: inline-block;
				background-color: blanchedalmond;
				width: 100px;
				margin: auto;
			}
			#侧边栏{
				width: 20vw;
				height: 85vh;
				background-color: antiquewhite;
			}
			a{
				text-decoration: none;
				color: black;
				display: block;
			}
			a:hover{
				background-color: sandybrown;
			}
		</style>
	</head>
	<body>
		<table>
			<tr>
				<td id="导航栏" colspan="2" >
					<div style="background-color: aquamarine;width: 200px;height: 50px;line-height: 50px;">logo</div>
					<ul>
						<li><a href="http://baidu.com">菜单一</a></li>
						<li>菜单二</li>
						<li>菜单三</li>
						<li>菜单四</li>
						<li>菜单五</li>
					</ul>
				</td>
			</tr>
			<tr>
				<td id="侧边栏">侧菜单</td>
				<td id="内容">内容</td>
			</tr>
		</table>
	</body>
</html>